document.addEventListener('DOMContentLoaded', function() {
    // 获取开关状态
    const enableSwitch = document.getElementById('enableSwitch');
    chrome.storage.local.get(['enabled'], function(result) {
        // 默认启用
        enableSwitch.checked = result.enabled !== false;
    });

    // 监听开关变化
    enableSwitch.addEventListener('change', function() {
        const enabled = this.checked;
        chrome.storage.local.set({ enabled: enabled });
        
        // 向当前标签页发送消息
        chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
            chrome.tabs.sendMessage(tabs[0].id, {
                action: "togglePlugin",
                enabled: enabled
            });
        });
    });

    // 编辑个人信息按钮
    document.getElementById('editBtn').addEventListener('click', function() {
        // 向当前标签页发送消息，触发编辑界面
        chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
            chrome.tabs.sendMessage(tabs[0].id, {action: "showEdit"});
            window.close(); // 关闭弹出窗口
        });
    });

    // 使用教程按钮
    document.getElementById('helpBtn').addEventListener('click', function() {
        // 打开使用教程页面
        chrome.tabs.create({
            url: chrome.runtime.getURL('tutorial.html')
        });
    });
}); 